diff options
| author | real-zephex <[email protected]> | 2024-05-23 09:45:47 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-23 09:45:47 +0530 |
| commit | 442082ac8a8c97d55a5b16c0427247a0f89f304b (patch) | |
| tree | 63900955e769c411c8d1ea5f7496c879604d2c55 /src/app/anime/[id]/page.jsx | |
| parent | Update README.md (diff) | |
| download | dramalama-442082ac8a8c97d55a5b16c0427247a0f89f304b.tar.xz dramalama-442082ac8a8c97d55a5b16c0427247a0f89f304b.zip | |
🎨 style(anime): UI improvements to the anime page
Diffstat (limited to 'src/app/anime/[id]/page.jsx')
| -rw-r--r-- | src/app/anime/[id]/page.jsx | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx index 7715dc6..d338417 100644 --- a/src/app/anime/[id]/page.jsx +++ b/src/app/anime/[id]/page.jsx @@ -21,18 +21,14 @@ const AnimeInfoHomepage = async ({ params }) => { <div className={styles.AnimeHeroSection}>
<Image
src={data.image}
- width={200}
- height={300}
+ width={180}
+ height={280}
alt="Anime Poster"
priority
/>
<div>
- <p className={styles.animeTitle}>
- <strong
- style={{ color: "var(--neon-green)" }}
- >
- {data.title || "Not Found"}
- </strong>
+ <p className={styles.animeTitle} style={{color: "white"}}>
+ {data.title || "Not Found"}
</p>
<p className={styles.animeDescription}>
<strong>Description: </strong>
@@ -45,7 +41,10 @@ const AnimeInfoHomepage = async ({ params }) => { </strong>
{data.genres &&
data.genres.map((item, index) => (
- <span key={index}>
+ <span
+ key={index}
+ style={{ color: "#a3a3a3" }}
+ >
{item}
{index !==
data.genres.length - 1 &&
|